<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.m ul{
				height: 170px;
			}
			.m1 ul span{
				color: red;
			}
			.m1 li{
				float: left;
				line-height: 20px;	
				font-size: 12px;
				width: 55px;
				text-align: center;
				position: relative;
				left: 350px;
				top: -5055px;
			}
			*{
				margin: 0;
				padding: 0;
			}
			ul{
				list-style: none;
			}
			.q{
				margin-top: 40px;
				background-color: red;
				height:398px ;
			}
			.q img{
				position: relative;
				left: 400px;
			}
			.a ul{
				margin-bottom: -295px;
				width: 260px;
				height: 300px;
				background-color: red;
				color: aliceblue;
				margin-top: 100px;
			}
			.a{
				position: relative;
				left: 70px;
				top: 20px;
			}
			.u2 ul{
				width: 350px;
			}
			.u2 li{
				float: left;
				line-height: 20px;	
				font-size: 13px;
				width: 70px;
				text-align: center;
				position: relative;
				left: 1070px;
				top: 650px;
			}
			.u2 li span{
				position: relative;
				left: 10px;
			}
			.u3 ul{
				width: 350px;
			}
			.u3 li{
				float: left;
				line-height: 20px;	
				font-size: 13px;
				width: 70px;
				text-align: center;
				position: relative;
				left: 1070px;
				top: 1040px;
			}
			.u3 li span{
				position: relative;
				left: 10px;
			}
			.w{
				position: relative;
				right: -1100px;
				top: -398px;
				background-color: #F0F8FF;
				width: 300px;
				height: 398px;
				
			}
			.w span{
				position: relative;
				top: 20px;
				left: -45px;
				margin-left: -9px;
			}
			.w ul{
				position: relative;
				top: 30px;
				margin-left: 10px;
				
			}
			.w img{
				margin-left: -25px;
				padding-left: -100px;
			}
			.e li{
				float: left;
				height: 20px;
				width: 100px;
				text-align: center;
				position: relative;
				left: 1100px;
				top: -650px;
				background-color: darkgray;
			}
			.e li:hover{
				color: red;
			}
			.r{
				position: relative;
				left: 1150px;
				top: -620px;
			}
			.r span{
				color: red;
			}
			.t h3{
				color: red;
				position: relative;
				left: 70px;
				top: -650px;
				width: 1340px;
			}
			.t ul{
				position: relative;
				left: 70px;
				width: 200px;
				top: -650px;
				background-color: #008B8B;
				
			}
			.t ul li{
				font-size: 13px;
				float: left;
				width: 100px;
				line-height: 30px;
			}
			.t h6{
				position: relative;
				left: -100px;
				font-size: 18px;
				top: -550px;
				color: red;
			}
			.t p{
				position: relative;
				left: -95px;
				font-size: 13px;
				top: -550px;
				color: #A9A9A9;
			}
			.t img {
				position: relative;
				top: -550px;
				left: -170px;
			}
			.y{
				position: relative;
				left: 260px;
				top:-875px;
			}
			.u{
				position: relative;
				top: -1000px;
				left: 600px;
			}
			.u h3{
				position: relative;
				top: -220px;
				left: 57px;
				font-size: 15px;
				color: #000000;
				font-weight: 600;
			}
			.u img{
				position: relative;
				top: -210px;
			}
			.u p{
				position: relative;
				top: -215px;
				left: 57px;
				font-size: 13px;
				color: #A9A9A9;
				font-weight: 600;
			}
			.i{
				position: relative;
				top: -1100px;
				left: 600px;
			}
			.i h5{
				position: relative;
				top: -100px;
				left: 57px;
				font-size: 15px;
				color: #000000;
				font-weight: 600;
			}
			.i p{
				position: relative;
				top: -95px;
				left: 35px;
				font-size: 13px;
				color: #A9A9A9;
				font-weight: 600;
			}
			.i img{
				position: relative;
				top: -83px;
			}
			.o{
				position: relative;
				top: -1501px;
				left: 800px;
			}
			.o h3{
				position: relative;
				top: -21px;
				left: 45px;
				font-size: 15px;
				color: #000000;
				font-weight: 600;
			}
			.o p{
				position: relative;
				top: -16px;
				left: 35px;
				font-size: 13px;
				color: #A9A9A9;
				font-weight: 600;
			}
			.p{
				position: relative;
				top: -1851px;
				left: 1015px;
			}
			.p h3{
				position: relative;
				top: -2px;
				left: 70px;
				font-size: 15px;
				color: #000000;
				font-weight: 600;
			}
			.p p{
				position: relative;
				top: 2px;
				left: 61px;
				font-size: 13px;
				color: #A9A9A9;
				font-weight: 600;
			}
			.p img{
				position: relative;
				top: 6px;
			}
			.p1{
				position: relative;
				top: -1820px;
				left: 1015px;
			}
			.p1 h3{
				position: relative;
				top: -4px;
				left: 45px;
				font-size: 15px;
				color: #000000;
				font-weight: 600;
			}
			.p1 p{
				position: relative;
				top: 1px;
				left: 58px;
				font-size: 13px;
				color: #A9A9A9;
				font-weight: 600;
			}
			.t1{
				position: relative;
				top: -1790px;
				left: 76px;
				width: 1340px;
			}
			.t1 h3{
				position: relative;
				font-size: 18px;
				color: lawngreen;
			}
			.t1 ul{
				position: relative;
				width: 200px;
				background-color: #008B8B;
				
			}
			.t1 ul li{
				font-size: 13px;
				float: left;
				width: 100px;
				line-height: 30px;
			}
			.t1 h6{
				position: relative;
				left: -170px;
				font-size: 16px;
				top: 100px;
				color: lawngreen;
			}
			.t1 p{
				position: relative;
				left: -161px;
				font-size: 13px;
				top: 105px;
				color: #A9A9A9;
			}
			.t1 img{
				position: relative;
				top: 123px;
				left: -213px;
			}
			.y1 {
				position: relative;
				left:260px;
				top:-2012px;
			}
			.u1{
				position: relative;
				left:590px;
				top:-2361px;
			}
			.u1 h3{
				position: relative;
				left: 38px;
				font-size: 15px;
				color: #000000;
				font-weight: 600;
			}
			.u1 p{
				position: relative;
				top: 5px;
				left: 63px;
				font-size: 13px;
				color: #A9A9A9;
				font-weight: 600;
			}
			.u1 img{
				position: relative;
				top: 20px;
			}
			.i1{
				position: relative;
				left:595px;
				top:-2323px;
			}
			.i1 h5{
				position: relative;
				left: 38px;
				font-size: 15px;
				color: #000000;
				font-weight: 600;
			}
			.i1 p{
				position: relative;
				top: 5px;
				left: 62px;
				font-size: 13px;
				color: #A9A9A9;
				font-weight: 600;
			}
			.i1 img{
				position: relative;
				top: 20px;
			}
			.o1{
				position: relative;
				left:811px;
				top:-2661px;
			}
			.o1 h3{
				position: relative;
				left: 47px;
				font-size: 15px;
				color: #000000;
				font-weight: 600;
			}
			.o1 p{
				position: relative;
				top: 5px;
				left: 40px;
				font-size: 13px;
				color: #A9A9A9;
				font-weight: 600;
			}
			.o1 img{
				position: relative;
				top: 25px;
			}
			.p2{
				position: relative;
				left:1020px;
				top:-2991px;
			}
			.p2 h3{
				position: relative;
				left: 47px;
				font-size: 15px;
				color: #000000;
				font-weight: 600;
			}
			.p2 p{
				position: relative;
				top: 6px;
				left: 40px;
				font-size: 13px;
				color: #A9A9A9;
				font-weight: 600;
			}
			.p2 img{
				position: relative;
				top: 25px;
			}
			.f{
				position: relative;
				left:48px;
				top:-3123px;
			}
			.f h4{
				position: relative;
				left: 50px;
				font-size: 15px;
				color: lawngreen;
				font-weight: 600;
			}
			.f p{
				position: relative;
				top: 5px;
				left: 53px;
				font-size: 13px;
				color: #A9A9A9;
				font-weight: 600;
			}
			.f img{
				position: relative;
				top: 30px;
			}
			.g{
				position: relative;
				top: -3270px;
				left: 298px;
			}
			.g h4{
				position: relative;
				top: 32px;
				font-size: 15px;
				color: #000000;
				font-weight: 600;
			}
			.g p{
				position: relative;
				top: 37px;
				font-size: 13px;
				color: #A9A9A9;
				font-weight: 600;
			}
			.g h5{
				width: 118px;
				line-height: 25px;
				text-align: center;
				background-color: red;
				color: #F0F8FF;
				position: relative;
				top: 63px;
				font-weight: 100;
			}
			.g img{
				position: relative;
				top: -45px;
				left: 150px;
			}
			.h{
				position: relative;
				top: -3480px;
				left: 600px;
			}
			.h h4{
				position: relative;
				left: 22px;
				top: -25px;
				font-size: 15px;
				color: #000000;
				font-weight: 600;
			}
			.h p{
				position: relative;
				top: -20px;
				left:34px ;
				font-size: 13px;
				color: #A9A9A9;
				font-weight: 600;
			}
			.j{
				position: relative;
				top: -3655px;
				left: 810px;
			}
			.j h4{
				position: relative;
				left: 45px;
				font-size: 15px;
				color: #000000;
				font-weight: 600;
			}
			.j p{
				position: relative;
				top: 5px;
				left:34px ;
				font-size: 13px;
				color: #A9A9A9;
				font-weight: 600;
			}
			.j img{
				position: relative;
				top: 20px;
			}
			.d{
				position: relative;
				top: -2950px;
				left: 1043px;
			}
			.d h3{
				position: relative;
				left: 45px;
				font-size: 15px;
				color: #000000;
				font-weight: 600;
			}
			.d p{
				position: relative;
				top: 5px;
				left:40px ;
				font-size: 13px;
				color: #A9A9A9;
				font-weight: 600;
			}
		</style>
	</head>
	<body>
		<div class="u2">
			<ul>
				<li>咖啡&nbsp;&nbsp;|</li>
				<li>休闲零食<span>|</span></li>
				<li>饼干糕点<span>|</span></li>
				<li>啤酒<span>|</span></li>
				<li>粮油米面</li>
			</ul></div>
			<div class="u3">
			<ul>
				<li>面部防嗮<span>|</span></li>
				<li>沐浴清洁<span>|</span></li>
				<li>纸巾<span>|</span></li>
				<li>洗衣液<span>|</span></li>
				<li>驱蚊神器</li>
			</ul>
		</div>
		<div class="1">
			<img src="img/image/logo.png" />
		</div>
		<div class="a">
		<ul>
			<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;所有商品&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;∨</li>
			<li>进口商品、生鲜&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></li>
			<li>食品、饮料、酒&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></li>
			<li>母婴、玩具、童鞋&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></li>
			<li>家具、家庭清洁、纸品&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></li>
			<li>美妆、个人护理、洗护&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></li>
			<li>女装、内衣、中老年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></li>
			<li>鞋靴 、箱包 、腕表配饰&nbsp;&nbsp;&nbsp;&nbsp;></li>
			<li>男装、户外、户外健身&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></li>
			<li>手机、数码、电脑办公&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></li>
			<li>小家电、大家电、汽车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></li>
			<li>保健滋补、医药、成人&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></li>
			<li>礼品、卡、医药、充值&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></li>
			</ul>
			</div>
			<div class="q">
				<img src="img/image/banner.jpg" />
			</div>
			<div class="w">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<img src="img/image/1.jpg" /><span>&nbsp;&nbsp;0元试用</span>&nbsp;
				
				<img src="img/image/2.jpg" /><span>会员俱乐部</span>
				<img src="img/image/3.jpg" /><span>礼品卡</span>
				<ul>
					<li>【社区】当红美明星教你送七夕情人礼！</li>
					<li>【社区】全球口碑姨妈巾都在这了！</li>
					<li>【促销】v3汇源甜蜜免费领</li>
				</ul>
			</div>
			<div class="e">
				<ul>
					<li>话费快充</li>
					<li>彩票</li>
					<li>网络卡点</li>
				</ul>
			</div><br />
			<div class="r">
				<form>
			手机号码：<input type="text" maxlength="11"/><br />
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;面值：<select name="纳兰性德" >
			<option value="--请选择--">￥10</option>
			<option value="--请选择--">￥20</option>
			<option value="--请选择--">￥30</option><br />
		</select><br />
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;售价：￥<span>10.14 </span>  <br />
		<input type="submit" value="立即充值"  style="background:red; color: #F0F8FF;"/>
				</form>
			</div>
			<div class="m">
		<ul>
		</ul>
		</div>
		<div class="t">
		<h3>食品饮料<hr/></h3>
		<ul>
			<li>饼干糕点</li>
			<li>休闲零食</li>
			<li>饮料果汁</li>
			<li>牛奶果汁</li>
			<li>冲饮谷物</li>
			<li>营养保健</li>
		</ul>
	<h6>banner</h6>
	<p>banner</p>
	<img src="img/image/sec1.jpg" />
		</div>
		<div class="y">
			<img src="img/image/sec1-1.jpg" />
		</div>
		<div class="u">
			<h3>吃货天堂</h3>
			<p>满49减10</p>
			<img src="img/image/sec1-2.jpg" />
		</div>
		<div class="i">
			<h5>1号酒窖</h5>
			<p>百威哈啤酒两件7折</p>
			<img src="img/image/sec1-3.jpg" />
		</div>
		<div class="o">
			<h3>夏季美食嘉年华</h3>
			<p>粮油1元抢；爆款5折起</p>
			<img src="img/image/sec1-4.jpg" />
		</div>
		<div class="p">
			<h3>饮品饮料</h3>
			<p>爆款慢99减25</p>
			<img src="img/image/sec1-5.jpg" />
			</div>
			<div class="p1">
			<h3>甜蜜蜜七夕好礼</h3>
			<p>燕窝买一送一</p>
			<img src="img/image/sec1-6.jpg" />
		</div>
		<div class="t1">
		<h3>个护厨卫<hr/></h3>
		<ul>
			<li>洗发护发</li>
			<li>脱毛膏贴</li>
			<li>牙膏牙刷</li>
			<li>抽纸</li>
			<li>消毒液</li>
			<li>保鲜膜</li>
		</ul>
	<h6>蓝月亮洁净盛典</h6>
	<p>热销商品5折起</p>
	<img src="img/image/sec1-7.jpg" />
		</div>
		<div class="y1">
			<img src="img/image/sec1-8.jpg" />
		</div>
		<div class="u1">
			<h3>自营纸制品品牌团</h3>
			<p>团购疯抢中</p>
			<img src="img/image/sec1-9.jpg" />
		</div>
		<div class="i1">
			<h5>自营衣物洗护团</h5>
			<p>爆款5折起</p>
			<img src="img/image/sec1-10.jpg" />
		</div>
		<div class="o1">
			<h3>自营美容护理</h3>
			<p>8.18爆款一贵就赔</p>
			<img src="img/image/sec1-11.jpg" />
		</div>
		<div class="p2">
			<h3>自营口腔护理</h3>
			<p>更多商品第二件2折</p>
			<img src="img/image/sec1-12.jpg" />
			</div>
			<div class="d">
			<h3>自营洗发护发</h3>
			<p>更多商品第二件2折</p>
			<img src="img/image/sec1-13.jpg" />
		</div>
		<div class="f">
			<h4>妮飘满99减25</h4>
			<p>与你的浪漫七夕</p>
			<img src="img/image/sec1-17.jpg" />
		</div>
		<div class="g">
			<h4>逼格生活由我打造</h4>
			<p>新品上新</p>
			<h5>品质生活轻松家务</h5>
			<img src="img/image/sec1-16.jpg" />
		</div>
		<div class="h">
			<h4>自营家庭清洁品牌团</h4>
			<p>爆款团购2.3折起</p>
			<img src="img/image/sec1-15.jpg" />
		</div>
		<div class="j">
			<h4>自营女性护理</h4>
			<p>更多商品第二件2折</p>
			<img src="img/image/sec1-14.jpg" />
		</div>
		<div class="m1">
			<ul>
			<li><span>首页</span></li>
			<li><span>自营</span></li>
			<li><span>一号团</span></li>
			<li>1号商城</li>
			<li>闪购</li>
			<li>活色生鲜</li>
			<li>医药</li>
			<li>1号钱包</li>
			</ul>
		</div>
	</body>
</html>
